<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap_v3.css"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/new.css"/>
    <title>laya新闻</title>
    

  
</head>
<style>
    
</style>
<body>
     <!--
                 在boostrap的3.0版本中

                    col-xs-* 生效范围是屏幕宽>=0
                    col-sm-* 生效范围是屏幕宽>=768
                    col-md-* 生效范围是屏幕宽>=992
                    col-lg-* 生效范围是屏幕宽>=1200


      -->
<div class="web">
        <!--导航-->
        <nav class="navbar navbar-default navbar-inverse">
            <div class="container-fluid nav_box">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand logo" href="#"><img src="images/logo.png"></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="index.html">首页
                                <span class="sr-only">(current)</span>
                            </a>
                        </li>
                        <li>
                            <a href="jiazu.html">Laya家族</a>
                        </li>
                        <li>
                            <a href="game.html">游戏</a>
                        </li>
                        <li class="active">
                            <a href="new.html">新闻动态</a>
                        </li>
                        <li>
                            <a href="#">开放平台</a>
                        </li>
                        <li>
                            <a href="aboutus.html">关于我们</a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">English</a>
                                </li>
                                <li>
                                    <a href="#">中文</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
        <!--banner-->
        <div class="content">
                      <!--新闻动态-->
                      <div class="new_dt container-fluid">
                            <div class="row">
                                    <h2>新闻动态</h2>
                                    <div class="new_box row">
                                            <div class="col-xs-12">
                                                    <img src="images/n1.jpg">
                                                    <p>技术突破：HTML5裸跑性能已可媲美APP</p>
                                            </div>
                                            <div class="col-xs-12">
                                                    <img src="images/n2.jpg">
                                                    <p>HTML5干货：LAYAWORLD  TFC秋季特刊</p>
                                            </div>
                                            <div class="col-xs-12">
                                                    <img src="images/n3.jpg">
                                                    <p>慕和：手游大作《魔卡幻想》为何移植HTML5</p>
                                            </div>
                                    </div>
                            </div>
                      </div>
                      <!--新闻栏目-->
                      <div class="new_item container-fluid">
                            <div class="row">
                                 <div class="item_left col-sm-3">
                                        <img src="images/n4.jpg">
                                 </div>
                                 <div class="item_right col-sm-8">
                                        <h4>技术突破：HTML5裸跑性能已可媲美APP</h5>
                                        <div>2016-02-25</div>
                                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                                           HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                                        <aside>查看详情</aside>
                                 </div>
                            </div>
                      </div>
                      <div class="new_item container-fluid">
                            <div class="row">
                                 <div class="item_left col-sm-3">
                                        <img src="images/n5.jpg">
                                 </div>
                                 <div class="item_right col-sm-8">
                                        <h4>技术突破：HTML5裸跑性能已可媲美APP</h5>
                                        <div>2016-02-25</div>
                                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                                           HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                                        <aside>查看详情</aside>
                                 </div>
                            </div>
                      </div>
                      <div class="new_item container-fluid">
                            <div class="row">
                                 <div class="item_left col-sm-3">
                                        <img src="images/n6.jpg">
                                 </div>
                                 <div class="item_right col-sm-8">
                                        <h4>技术突破：HTML5裸跑性能已可媲美APP</h5>
                                        <div>2016-02-25</div>
                                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                                           HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                                        <aside>查看详情</aside>
                                 </div>
                            </div>
                      </div>
                      <div class="new_item container-fluid">
                            <div class="row">
                                 <div class="item_left col-sm-3">
                                        <img src="images/n7.jpg">
                                 </div>
                                 <div class="item_right col-sm-8">
                                        <h4>技术突破：HTML5裸跑性能已可媲美APP</h5>
                                        <div>2016-02-25</div>
                                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                                           HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                                        <aside>查看详情</aside>
                                 </div>
                            </div>
                      </div>
                      <div class="new_item container-fluid">
                            <div class="row">
                                 <div class="item_left col-sm-3">
                                        <img src="images/n8.jpg">
                                 </div>
                                 <div class="item_right col-sm-8">
                                        <h4>技术突破：HTML5裸跑性能已可媲美APP</h5>
                                        <div>2016-02-25</div>
                                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                                           HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                                        <aside>查看详情</aside>
                                 </div>
                            </div>
                      </div>
                      <div class="new_item container-fluid">
                            <div class="row">
                                 <div class="item_left col-sm-3">
                                        <img src="images/n9.jpg">
                                 </div>
                                 <div class="item_right col-sm-8">
                                        <h4>技术突破：HTML5裸跑性能已可媲美APP</h5>
                                        <div>2016-02-25</div>
                                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                                           HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                                        <aside>查看详情</aside>
                                 </div>
                            </div>
                      </div>
                      <div class="new_item container-fluid">
                            <div class="row">
                                 <div class="item_left col-sm-3">
                                        <img src="images/n10.jpg">
                                 </div>
                                 <div class="item_right col-sm-8">
                                        <h4>技术突破：HTML5裸跑性能已可媲美APP</h5>
                                        <div>2016-02-25</div>
                                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                                           HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                                        <aside>查看详情</aside>
                                 </div>
                            </div>
                      </div>
                      <div class="new_item container-fluid">
                            <div class="row">
                                 <div class="item_left col-sm-3">
                                        <img src="images/n11.jpg">
                                 </div>
                                 <div class="item_right col-sm-8">
                                        <h4>技术突破：HTML5裸跑性能已可媲美APP</h5>
                                        <div>2016-02-25</div>
                                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                                           HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                                        <aside>查看详情</aside>
                                 </div>
                            </div>
                      </div>
                      <div class="new_item container-fluid">
                            <div class="row">
                                 <div class="item_left col-sm-3">
                                        <img src="images/n12.jpg">
                                 </div>
                                 <div class="item_right col-sm-8">
                                        <h4>技术突破：HTML5裸跑性能已可媲美APP</h5>
                                        <div>2016-02-25</div>
                                        <p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                                           HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</p>
                                        <aside>查看详情</aside>
                                 </div>
                            </div>
                      </div>
                    <ul class="last_ul">
                        <li>36条</li>
                        <li>上一页</li>
                        <li class="now">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>下一页</li>
                    </ul>
                    
                    
                    
                     
                      <!--footer--> 
                      <footer class="container-fluid">
                            <div class="foot_row">
                                <div class="footer_content">
                                        <ul>
                                                <li>公司简介</li>
                                                <li>联系方式</li>
                                                <li>人才招聘</li>
                                            </ul>
                                            <p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
                                </div>
                                <ul>
                                    <li>
                                        <img src="images/xin.png">
                                    </li>
                                    <li>
                                        <img src="images/wechat.png">
                                    </li>
                                    <li>
                                        <img src="images/qq.png">
                                    </li>
                                    <div>
                                        <img src="images/weixin.png">
                                    </div>
                                </ul>
                            
                            </div>
                      </footer>  
        </div>
</div><!--web-->
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<script>
  
    /*动态改变根元素字体大小*/
    function recalc() {
        var clientWidth = document.documentElement.clientWidth;
        if(!clientWidth) return;
        document.documentElement.style.fontSize = 40 * (clientWidth / 1440) + 'px';
    }
    
    function initRecalc() {
        recalc();
        var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
        if(!document.addEventListener) return;
        window.addEventListener(resizeEvt, recalc, false);
        document.addEventListener('DOMContentLoaded', recalc, false);
    }
    initRecalc();
    
     console.log("手机viewportWidth=",document.documentElement.clientWidth);
        //获取viewport宽
        var viewportWidth = document.documentElement.clientWidth;
        console.log(document.documentElement.style.fontSize);
    </script>
  
    
</html>